<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<meta name="description" />
	<link rel="icon" href="/favicon.ico" type="image/x-icon" />
	<title>经销商分润管理系统</title> 

   	<link href="__CSS__/mui.min.css" rel="stylesheet"> 
    <link href="__CSS__/alertify.core.css" rel="stylesheet" type="text/css">
    <link href="__CSS__/alertify.default.css" rel="stylesheet" type="text/css">
    <link href="__CSS__/font-awesome.min.css" rel="stylesheet" /> 
	<link href="__CSS__/default.manager.css" rel="stylesheet" type="text/css" />
 	<link href="__CSS__/app.css" rel="stylesheet"/> 
    <link href="__CSS__/SkinConfig-Black.css" rel="stylesheet"  type="text/css"/> 
    <link href="__CSS__/user.css" rel="stylesheet"> 
    
    <script type="text/javascript" src="__JS__/jquery.2.1.4.min.js"></script>
   	<script type="text/javascript" src="__JS__/mtcache/mt.cache.js"></script>
   	<script type="text/javascript" src="__JS__/vue.min.js"></script>   
    <script type="text/javascript" src="__JS__/lib/alertify.js"></script> 
	<script type="text/javascript" src="__JS__/lib/jquery.qrcode.min.js"></script>  
    <script type="text/javascript" src="__JS__/lib/exif.js"></script> 
    <script type="text/javascript" src="__JS__/lib/mobileFix.mini.js"></script> 
    <script type="text/javascript" src="__JS__/mt.compress-1.1.js"></script> 
    <script type="text/javascript" src="__JS__/mui.min.js"></script>
    <script type="text/javascript" src="__JS__/LUploader.js?v=1.0.2"></script>
	<style type="text/css">
	.mui-input-group input{
		height: 40px; 
	}
	.zpsc{
		text-align: center; 
	} 
	.zpsc h3{
		text-align: center;
    	font-size: 14px;
    	font-weight: normal;
    	margin-top:0;
    	margin-bottom:0.5rem;
	}
	.zpsc .mui-col-sm-6{
		width:50%;
	}
	.mui-input-group .mui-input-row:after{
		left: 0;
	}
	.icon-camera{background-image:url("__IMG__/paizhao.png");background-size:100%}
	.LUploader{ 
	    margin:20px 15px 15px 15px;
		padding: 5px;
	    text-align: center;  
	    background: #ffffff;
	    height: 100px;
	    position: relative;
	    width: 50%;
	    float: left;
	    box-sizing: border-box;
	    margin: 0;
	}
	.LUploader input[data-LUploader]{display:none}
	.LUploader .icon{font-size:20px;margin:1.5rem auto 5px auto;width:1em;height:1em;display:block}
	.LUploader p{padding:0 0 20px 0;font-size:13px;color:#afb1b4}
	.LUploader .LUploader-container{height:100%}
	.LUploader .LUploader-container+div{position:absolute;top:0;left:0;width:100%;height:100%}
	.LUploader .LUploader-list{
		height:100%;    
		padding: 0;
    	margin: 0;
    }.LUploader .LUploader-list li{
        position: relative; 
	    width: 70px;
	    height: 70px;
	    background: #fff no-repeat center;
	    background-size: cover;
	    margin-left: 10px;
	    list-style: none;
	    border-radius: 50%;
    }
    .LUploader .LUploader-progress{display:none;position:absolute;width:100%;height:20px;line-height:20px;bottom:0;left:0;background-color:rgba(100,149,198,0.5)}.LUploader .LUploader-progress span{display:block;width:0;height:100%;background-color:#6495c6;text-align:center;color:#FFF;font-size:13px}.LUploader .LUploader-size{position:absolute;width:100%;height:15px;line-height:15px;bottom:-18px;text-align:center;font-size:13px;color:#666}
	 
	.mui-input-group:after{
		content:none;
	}
	</style>
 	<script>
		var ajaxCacheTime = 30; 
 	</script>
</head>
<body id="app" class="mui-android mui-android-6 mui-android-6-0 mui-fullscreen" style="text-size-adjust: 100%;">
	<header class="mui-bar mui-bar-nav ">
        <span class="mui-icon mui-icon-back mui-pull-left"></span>
        <h1 class="mui-title title">个人信息</h1> 
    </header> 
    <nav class="mui-bar mui-bar-tab" style="background:#BF2D92;">
		 <p style="text-align:center;line-height:2.75rem;margin:0;" id="ljzc">提交</p>
	</nav>
	<div class="mui-content">   
		<form class="mui-input-group" id="reg_form" action="{:url()}" method="post">
			<div class="mui-input-row" style="height:5rem;"> 
		        <div class="LUploader" id="demo1" style="height:5rem;width:30%;">
					<div class="LUploader-container">
				  		<input data-LUploader='demo1' data-form-file='basestr' data-upload-type='wxtx' type="file" />
				       	<input type="hidden" name="wxtx" id="wxtx" value="" />
				       	<ul class="LUploader-list">
				       		<li><img src="{$user_info.wxtx}" style="width:70px;height:70px;border-radius: 50%;"/></li>
				       	</ul>
				  	</div>
				 	<div style="display:none">
				      	<div class="icon icon-camera font20"></div>
				      	<p>上传身份证正面照</p>
				  	</div>
				</div> 
		    	<div style="float:left;width:70%;">
		    		<h3 style="font-size:14px;margin-top:1rem;">姓名：{$user_info.dlname}（授权号：{$user_info.sqh}）</h3>
		    		<p>佣金：{$user_info.yongjin|number_format='2'}&nbsp;系统个数：{$user_info.xtgs}</p>
		    	</div>
		    </div>
		    <div class="mui-input-row">
		        <label>当前级别</label>
		        <label style="padding-left:0;color:#999">{$user_info.levelname}</label>  
		    </div> 
		    <div class="mui-input-row">
		        <label>姓名</label>
		        <label style="padding-left:0;color:#999">{$user_info.dlname}</label>
		    </div> 
		    <div class="mui-input-row">
		        <label>微信</label>
		        <input type="text" name="dl_weixin" class="mui-input-clear" value="{$user_info.dl_weixin}"> 
		    </div>
		    <div class="mui-input-row">
		        <label>手机号</label>
		        <input type="text" name="dl_phone" class="mui-input-clear" value="{$user_info.dl_phone}"> 
		    </div> 
		    <div class="mui-input-row">
		        <label>身份证</label>
		        <label style="padding-left:0;">{$user_info.sfzh}</label>
		    </div> 
		    <div class="mui-input-row">
		        <label>授权区域</label>
		        <label style="padding-left:0;color:#999">{$user_info.province_text}&nbsp;{$user_info.city_text}&nbsp;{$user_info.area_text}</label>
		    </div>  
		    <div class="mui-input-row">
		        <label>收货地址</label>
		        <input type="text" name="shdz" class="mui-input-clear" value="{$user_info.shdz}"> 
		    </div> 
		    <div class="mui-input-row">
		        <label>前职业</label>
		        <input type="text" name="qianzy" class="mui-input-clear" value="{$user_info.qianzy}"> 
		    </div> 
		    <div class="mui-input-row">
		        <label>性别</label>
		        <span class="mui-radio" style="float:left;width: 65px;">男<input name="sex" value="1" type="radio" {if condition="$user_info['sex'] eq 1"}checked{/if}></span>
				<span class="mui-radio" style="float:left;width: 65px;">女<input name="sex" value="2" type="radio" {if condition="$user_info['sex'] eq 2"}checked{/if}></span>  
		    </div> 
		    <div class="mui-input-row">
		        <label>婚姻状况</label>
		        <span class="mui-radio" style="float:left;width: 80px;">已婚<input name="hyzk" value="1" type="radio" {if condition="$user_info['hyzk'] eq 1"}checked{/if}></span>
				<span class="mui-radio" style="float:left;width: 80px;">未婚<input name="hyzk" value="0" type="radio" {if condition="$user_info['hyzk'] eq 0"}checked{/if}></span>
		    </div>
		    <div class="mui-row zpsc" style="margin-bottom:3rem;">
			    <div class="LUploader" style="border-right:1px solid #e4e3e6;border-bottom:1px solid #e4e3e6;">
			        <div class="LUploader-container"> 
			            <ul class="LUploader-list">
			            	<li style="width:100%;height:100%;margin-left:0;"><img src="{$user_info.sfzzm}" style="width:100%;height:100%;"/></li>
			            </ul>
			        </div> 
			    </div>
			    <div class="LUploader" style="border-bottom:1px solid #e4e3e6;">
			        <div class="LUploader-container"> 
			            <ul class="LUploader-list">
			            	<li style="width:100%;height:100%;margin-left:0;"><img src="{$user_info.sfzfm}" style="width:100%;height:100%;"/></li>
			            </ul>
			        </div> 
			    </div>
			    <div class="LUploader" style="border-right:1px solid #e4e3e6;border-bottom:1px solid #e4e3e6;">
			        <div class="LUploader-container"> 
			            <ul class="LUploader-list">
			            	<li style="width:100%;height:100%;margin-left:0;"><img src="{$user_info.scsfz}" style="width:100%;height:100%;"/></li>
			            </ul>
			        </div> 
			    </div>
			    <div class="LUploader" style="border-bottom:1px solid #e4e3e6;">
			        <div class="LUploader-container"> 
			            <ul class="LUploader-list">
			            	<li style="width:100%;height:100%;margin-left:0;"><img src="{$user_info.ysz}" style="width:100%;height:100%;"/></li>
			            </ul>
			        </div> 
			    </div> 
			</div> 
			<input type="hidden" name="id" value="{$user_info.id}" />
		</form>
	</div>
	 
    <div id="jingle_popup_mask" style="opacity: 0.1; display: none;"></div> 
    
    <div style="display:none"> 
	   	<script>
	          setTimeout(function () { 
	              document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust = "100%";  
	           }, 2000);  
	    </script> 
    </div>  
</body> 
<script type="text/javascript">
$(function(){
	$(".mui-icon-back").click(function(){
		history.go(-1);
	});
	
	//立即注册
	$("#ljzc").click(function(){
		var that = $(this);
		var _form = $("#reg_form");
		$.ajax({
            type: "POST",
            url: _form.attr('action'),
            data: _form.serialize(),
            success: function(res) {
            	if(res.code == 0){
            		mui.alert(res.msg);
            		return false;
            	}else{
            		mui.alert(res.msg, ' ', function() { 
            			window.location.reload();
            		});
            	}
                //console.log(res);
            }
        });
	});
	
	[].slice.call(document.querySelectorAll('input[data-LUploader]')).forEach(function(el) {
	    new LUploader(el, {
	        url: "{:url('user/uploadImg')}",//post请求地址
	        multiple: false,//是否一次上传多个文件 默认false
	        maxsize: 102400,//忽略压缩操作的文件体积上限 默认100kb
	        accept: 'image/*',//可上传的图片类型
	        quality: 0.3,//压缩比 默认0.1  范围0.1-1.0 越小压缩率越大
	        showsize:false//是否显示原始文件大小 默认false
	    });
	});
}); 
</script> 
</html>